<!DOCTYPE html>
<html lang="zh">
<head>
<title>品牌信息 | OMS</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="Thu, 19 Nov 1900 08:52:00 GMT" />

<!-- 加载 bootstrap 样式-->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap/css/bootstrap.min.css" />

<!-- 加载本页需要的三方插件样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/jquery.dataTables.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/TableTools/css/dataTables.tableTools.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/media/css/dataTables.bootstrap.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/jquery-tablesorter/themes/blue/style-custom.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/animate.css/animate.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/iCheck/skins/all.css" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker-bs3.css">
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/css/fixedColumns.dataTables.css">

<!-- 加载主题风格样式 -->
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" class="default-style" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change" />
<link type="text/css" rel="stylesheet" href="/Apollo/madmin/css/style-responsive.css" />
<link type="text/css" rel="stylesheet" href="/css/tooltip.css" />


<style>
th, td {
    overflow: inherit;
}

.afterSaleBtn a {
    color: #fff !important;
}

.afterSaleBtn a:hover {
    color: #cacaca !important;
}
</style>
</head>
<body class="">



    <!--BEGIN CONTENT-->
    <div class="page-content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-8 col-xs-8 col-sm-8 col-md-8" style="line-height: 36px;">
                    <!-- <button id="downloadBrand" style="margin-top: 12px;" type="button" class="btn btn-info btn-xs">
                        <i class="fa"></i>&nbsp;下载
                    </button> -->
                    <a href="#" style="margin-top: 12px;" class="btn btn-xs btn-info" id="create-brand" onclick="newBrand()">
                        <i class="fa"></i>新增
                    </a>
                </div>
                <div class="col-lg-4 col-xs-4 col-sm-4 col-md-4" style="margin-bottom: 10px;">
                    <div class="input-group">
                        <input id="quickSearch" type="text" placeholder="品牌名称" class="form-control" /> <span
                            class="input-group-btn">
                            <button id="btnQuickSearch" type="button" class="btn btn-primary">
                                <i class="fa fa-search"></i>
                            </button>
                        </span>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-lg-12 col-xs-12 col-sm-12 col-md-12">
                    <div class="portlet box portlet-blue" style="margin-bottom: 15px;">
                        <div class="portlet-header">
                            <div class="caption">品牌列表</div>
                            <div class="actions">
                                <a href="#" id="btnRefreshEvent" class="btn btn-xs btn-warning" data-toggle="" data-target=""> <i class="fa"></i>&nbsp;刷新
                                </a>
                            </div>
                        </div>
                        <div class="portlet-body">
                            <table id="brandListTable" class="table table-hover table-striped table-bordered table-advanced tb-sticky-header"
                                width="100%">
                                <thead>
                                    <tr>
                                        <th>品牌编码</th>
                                        <th>品牌名称</th>
                                        <th width="120px">创建时间</th>
                                        <th width="120px">更新时间</th>
                                        <th>备注</th>
                                        <th width="90px">操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 新增窗口 -->
    <div id="eventAddWindow" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade">
        <div class="modal-dialog modal-wide-width">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                    <h4 id="eventTitle" class="modal-title">新增售后事件</h4>
                </div>
                <div class="modal-body">
                    <div id="flat-skin" class="row skin skin-flat">
                        <iframe id="ifmEventDetail" name="ifmEventDetail" allowtransparency="true" style="" title="test" frameborder="0" width="100%"
                            height="400px" scrolling="no"></iframe>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="btnEventClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                    <button id="btnRuleDetailSave" type="button" class="btn btn-primary">保存</button>
                </div>

            </div>
        </div>
    </div>

    <!-- 查询窗口 -->
    <div id="eventCheckWindow" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade">
        <div class="modal-dialog modal-wide-width">
            <div class="modal-content">
                <div class="modal-header modal-header-primary">
                    <button type="button" data-dismiss="modal" aria-hidden="true" class="close">x</button>
                    <h4 id="modal-header-primary-label" class="modal-title">系统订单选择</h4>
                </div>
                <div class="modal-body">
                    <div class="portlet-body">

                        <div id="flat-skin" class="row skin skin-flat">
                            <iframe id="ifmEventAddOrderDetail" name="ifmEventAddOrderDetail" allowtransparency="true" style="" title="test"
                                frameborder="0" width="100%" height="400px" scrolling="no"></iframe>
                        </div>

                    </div>
                </div>
                <div class="modal-footer" style="display: none;">
                    <button id="btnEventOrderClose" type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                </div>

            </div>
        </div>
    </div>
    <!-- 添加品牌信息弹窗 -->
    <div id="create-brand-form"  tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog">
            <form role="form" class="form-horizontal" id="brandCreateForm">
                <div class="modal-content"  style="width:790px">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 id="modal-header-primary-label" class="modal-title">新增品牌</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="brandCode" class="col-sm-2 control-label">品牌编码<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-brand-code" name="brandCode" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-brand-name" class="col-sm-2 control-label">品牌名称<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-brand-name" name="brandName" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-remark" class="col-sm-2 control-label">备注<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <textarea id="form-remark" name="brandRemark" rows="3" class="form-control" required minlength="0" maxlength="100"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                        <button id="add-brand" type="button" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    
    <!-- 编辑品牌 -->
    <div id="edit-brand-form" brandId="" tabindex="-1" role="dialog" aria-labelledby="modal-header-primary-label" data-backdrop="static" aria-hidden="true" class="modal fade">
        <div class="modal-dialog">
            <form role="form" class="form-horizontal" id="brandEditForm"> 
                <div class="modal-content"  style="width:790px">
                    <div class="modal-header modal-header-primary">
                        <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                        <h4 class="modal-title">修改品牌</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="brandCode" class="col-sm-2 control-label">品牌编码<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-brand-codeEdit" name="flagName" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-brand-name" class="col-sm-2 control-label">品牌名称<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <input id="form-brand-nameEdit" name="brandName" type="text" class="form-control" required minlength="1" maxlength="32"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="form-remark" class="col-sm-2 control-label">备注<span class='require'>*</span></label>
                            <div class="col-sm-10">
                                <textarea id="form-remarkEdit" name="flagRemark" rows="3" class="form-control" required minlength="0" maxlength="100"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">关闭</button>
                        <button id="edit-brand" type="button" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!--END CONTENT -->
    <!-- 加载 jquery js-->
    <script src="/Apollo/madmin/js/jquery-1.10.2.min.js"></script>
    <script lang="javascript">
        var _init = jQuery.fn.init;
        jQuery.fn.init = function (selector, context, root) {
            var r = new _init(selector, context, root);
            if (r.length) {
                return r;
            }

            if (context) {
                if (context === window.top.document) {
                    return r;
                }
                context = new _init(context, window.top.document, root);
                return context.length ? new _init(selector, context, root) : r;
            }

            return new _init(selector, window.top.document, root);
        }
    </script>
    <script src="/Apollo/madmin/js/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Apollo/madmin/js/jquery-ui.js"></script>

    <!-- 加载 bootstrap 和三方插件 js -->
    <script src="/Apollo/madmin/vendors/moment/moment.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap/js/bootstrap.min.js"></script>
    <script src="/Apollo/madmin/js/html5shiv.js"></script>
    <script src="/Apollo/madmin/js/respond.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/icheck.min.js"></script>
    <script src="/Apollo/madmin/vendors/iCheck/custom.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-notific8/jquery.notific8.min.js"></script>
    <script src="/Apollo/madmin/vendors/holder/holder.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/jquery.dataTables.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/media/js/dataTables.bootstrap.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/TableTools/js/dataTables.tableTools.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-maxlength.js"></script>
    <script src="/Apollo/echarts/echarts.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-inputmask/jquery.inputmask.bundle.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script src="/Apollo/madmin/vendors/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="/Apollo/madmin/vendors/DataTables/extensions/FixedColumns/js/dataTables.fixedColumns.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="/Apollo/madmin/vendors/jquery-validate/message_zh.js"></script>

    <!-- 加载本页面对应的js -->
    <script src="/views/static/js/jquery.validate.extend.js"></script>
    <script src="/views/static/js/form.js"></script>
    <script src="brandList.js"></script>
    
</body>
</html>